import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from "../components/Login";
import Home from "../components/Home";
import Welcome from "../components/Welcome";
import User from "../components/user/User"

Vue.use(VueRouter)

const routes = [
	{path: '/', redirect: '/login'},
	{path: '/login', component: Login},
	{
		path: '/home',
		component: Home,
		redirect: '/Welcome',
		children:[
			{path: '/home',component: Welcome},
			{path: '/user',component: User},
			{path: '/site',component: ()=>import('../components/site/Site')},
			{path: '/reserve',component: ()=>import('../components/site/Reserve')}
		]
	},
	// {path: '/user', component: User},

]

const router = new VueRouter({
	mode: 'history',
	base: process.env.BASE_URL,
	routes,
})
// 挂载路由导航守卫,to表示将要访问的路径，from表示从哪里来，next是下一个要做的操作 next('/login')强制跳转login
router.beforeEach((to, from, next) => {
	// 访问登录页，放行
	if (to.path === '/login') return next()
	// 获取token
	const tokenStr = window.sessionStorage.getItem('token')
	// 没有token, 强制跳转到登录页
	if (!tokenStr) return next('/login')
	next()
})
export default router
